<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
    <title>Document</title>
</head>
<style>
    #container {width:600px; height: 400px; }
</style>
<body>
<div id="container"></div>
<div class="info">
    <h4 id='status'></h4><hr>
    <p id='result'></p><hr>
    <p id="demo"></p>
</div>
<span id="loginP"></span>
    <textarea id="text"></textarea>
    <p id="location">经纬度</p>

    <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=cf5617fb9e043ca3221c1187abdeaf83"></script>
    <script type="text/javascript">
         var x=document.getElementById("demo");
         var oText = document.getElementById('text');
         var y=document.getElementById("location");

         function gps(){
             var map=new AMap.Map("container",{
                 zoom: 15,
                 resizeEnable: true
                 // center: [116.44927, 39.9584]
             });


             AMap.plugin('AMap.Geolocation', function() {
                 var geolocation = new AMap.Geolocation({
                     // 是否使用高精度定位，默认：true
                     enableHighAccuracy: true,
                     // 设置定位超时时间，默认：无穷大
                     timeout: 10000,
                     // 定位按钮的停靠位置的偏移量，默认：Pixel(10, 20)
                     buttonOffset: new AMap.Pixel(10, 20),
                     //  定位成功后调整地图视野范围使定位位置及精度范围视野内可见，默认：false
                     zoomToAccuracy: true,
                     //  定位按钮的排放位置,  RB表示右下
                     buttonPosition: 'RB'
                      });
                    map.addControl(geolocation);
                     geolocation.getCurrentPosition(function(status,result){
                         if(status=='complete'){
                             onComplete(result)
                         }else{
                             onError(result)
                         }
                     });
                     geolocation.getCurrentPosition();
                     onComplete (data);
                     onError (data);

                
                

             });
         }



         function onComplete (data) {
// data是具体的定位信息
             document.getElementById('status').innerHTML='定位成功';
             var str = [];
             str.push('定位结果：' + data.position);
             if(data.accuracy){
                 str.push('精度：' + data.accuracy + ' 米');
             }//如为IP精确定位结果则没有精度信息
             str.push('是否经过偏移：' + (data.isConverted ? '是' : '否'));
             document.getElementById('result').innerHTML = str.join('<br>');
             x.innerHTML = '纬度：' + data.position.getLng() + '<br/>经度：' + data.position.getLat();//获取经纬度



             插入标记
             var marker = new AMap.Marker({
                 position: new AMap.LngLat(data.position.getLng(), data.position.getLat()), // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
                 title: "位置标题"
             });
             map.add(marker)
         }

         function onError (data) {
             // 定位出错
             document.getElementById('status').innerHTML='定位失败';
             document.getElementById('result').innerHTML = '失败原因排查信息:'+data.message;
         }
         // 获取经纬度
         // function getLocation()
         // {
         //     if (navigator.geolocation)
         //     {
         //         navigator.geolocation.getCurrentPosition(showPosition);
         //
         //     }
         //     else
         //     {
         //         y.innerHTML="该浏览器不支持获取地理位置。";
         //     }
         //       function showPosition(position)
         // {
         //     // y.innerHTML="纬度: " + position.coords.latitude +
         //     // "<br>经度: " + position.coords.longitude;
         //     oText.value += "经度："+position.coords.latitude+'\n';
         //     oText.value += "纬度："+position.coords.longitude+'\n';
         //     oText.value += "时间戳："+new Date(position.timestamp)+'\n';
         //
         //     var lng=position.coords.longitude;
         //     var lat=position.coords.latitude;
         //
         //
         // }
         // }

       
         var xhttp=new XMLHttpRequest();
         // setInterval("getLocation()",10000);
         gps();
</script>

</body>
</html>